$(function () {
    //   获取用户信息，渲染到页面
    getuserInfo()

    //效果二，退出登陆
    $('#logout').on('click', function () {
        //询问
        layui.layer.confirm('您确定要退出吗？', { icon: 3, title: '提示' }, function (index) {
            //清楚token
            // 跳转到登陆页
            localStorage.removeItem('token')
            location.href = '/login.html'
            layui.layer.close(index)
        })
    })
})
function getuserInfo() {
    $.ajax({
        method: 'get',
        url: '/my/userinfo',
        // headers:{
        //     Authorization:localStorage.getItem('token'),
        // },
        success(res) {
            // console.log(res);
            if (res.status !== 0) {
                return layui.layer.msg(res.message, { icon: 5 })
            }
            console.log(res);
            render(res.data)
        },
        //请求成功或失败都会调用此回调函数
        complete: function (xhr) {
            // console.log(xhr);
            if (xhr.responseJSON.status === 1 && xhr.responseJSON.message === '身份认证失败！') {

                localStorage.removeItem('token')
                location.href = '/login.html'
            }
        }
    })
}
//渲染数据函数
function render(userinfo) {
    //渲染欢迎语(如果有昵称就用nickname，否则就用username)
    var name = userinfo.nickname ? userinfo.nickname : userinfo.username
    $("#welcome").html('欢迎' + name)


    //渲染头像(如果有头像，则渲染图片头像，如果没有就渲染文字头像)
    if (userinfo.user_pic !== null) {
        //有图片头像（图片显示， span隐藏
        $('.layui-nav-img').prop('src', userinfo.user_pic).show()
        $('.text-avatar').hide()
    } else {
        //没有图片头像
        //name的首字母
        var first = name[0].toUpperCase()
        $('.text-avatar').html(first).show()
        $('.layui-nav-img').hide()
    }
}